<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/templates/plantillaSinMenu.xhtml">
	
	<ui:define name="head">::SCSN - Seguridad</ui:define>
	<ui:define name="content">
	
		<h1 class="title ui-widget-header ui-corner-all">Ingrese su Nombre de Usuario y Contraseña</h1>

		<p:growl id="mensajes" showDetail="true" life="2000" />
		
	   	<h:form style="padding-left:850;">
	   		<p:panel header="Ingreso al Sistema" style="width:300px">
	        	<h:panelGrid columns="2" cellpadding="5">
	          		<h:outputLabel for="username" value="Usuario:" />
	          		<h:inputText value="#{serviciosVentanaLogin.nombre}" id="username"
	             				 required="true" label="username" />
	          		<h:outputLabel for="password" value="Contraseña:" />
	        		<p:password promptLabel="Introduzca su clave" weakLabel="Débil" goodLabel="Buena" strongLabel="Fuerte"
	        					value="#{serviciosVentanaLogin.clave}" id="password" required="true"
	           				 	label="password" />
			        <f:facet name="footer">
			        	<p:commandButton id="btnLogin" value="Login"
							           actionListener="#{serviciosVentanaLogin.login}" update=":mensajes"
							           oncomplete="manejarLogin(xhr, status, args)" />
			        </f:facet>
	      		</h:panelGrid>
	    	</p:panel>
	  	</h:form>
	  	
		<script type="text/javascript">
		  //<![CDATA[
		  function manejarLogin(xhr, status, args) {
		    if (!args.validationFailed && args.estaLogeado) {
		      setTimeout(function() {
		        window.location = args.view;
		      }, 500);
		    }
		  }
		//]]>
		</script>
		
	</ui:define>
</ui:composition>
